<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="motionning">
        <div class="header">
            <p class="header-title">户外跑</p>
            <div class="header-state">
                <p class="header-ydz">运动中</p>
                <p class="header-iconfont">
                    <span class="iconfont icon-yinle header-icon"></span>
                    <span class="iconfont icon-gengduo header-icon"></span>
                </p>
            </div>
        </div>


        <div class="distance">
            <p class="distance-data">99.99<span class="distance-km">公里</span></p>
        </div>
        <div class="gps">
            <p class="gps-content">GPS信号度低, 数据精准度低</p>
            <p class="gps-line"></p>
            <a href="#" class="iconfont icon-ditu gps-icon"></a>
        </div>


        <div class="figure">
            <div class="figure-item">
                <span class="iconfont icon-Group- figure-icon"></span>
                <p class="figure-speed">配速</p>
                <p class="figure-time">ㅡㅡ</p>
            </div>

            <div class="figure-item">
                <span class="iconfont icon-tongyong-shijian figure-icon"></span>
                <p class="figure-speed">用时</p>
                <p class="figure-time">00:00:20</p>
            </div>

            <div class="figure-item">
                <span class="iconfont icon-qialuli figure-icon"></span>
                <p class="figure-speed">千卡</p>
                <p class="figure-time">3000</p>
            </div>
        </div>

        <div class="footer">
            <div class="footer-key">
                <div class="iconfont icon-zanting key-suspend"></div>
                <p class="key-font">暂停</p>
            </div>
            <div class="footer-lock">
                <div class="iconfont icon-kaisuohuansuo lock-unlock">

                </div>
            </div>
        </div>



    </div>

</body>

</html>